
* {
	margin: 0;
	padding: 0
}

body {
	font: 13px "Tahoma", "Arial Narrow", HELVETICA;
	color: #3F3E3C;
	line-height: 1.5;
	background: #333;
}
.container-fluid{
	margin-left: 360px;
}

nav div ul li a{
	margin-left:60px;
}

.navbar-nav{
	font-size: 15px;
}


img {
	border: 0;
	vertical-align: middle
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

h1 {
	font: 24px "Tahoma", "Microsoft YaHei", Arial, Helvetica, sans-serif
}

p {
	word-wrap: break-word
}

ul,
ol {
	list-style: none;
}

a {
	color: #a6a6a6;
	text-decoration: none;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-ms-transition: All 1s ease;
	-o-transition: All 1s ease;
}
a:hover {
	color: 	#CD661D;
}

.blank {
	height: 5px;
	overflow: hidden;
	width: 100%;
	margin: auto;
	clear: both
}

header {
	width: 100%;
	background: #222;
	height: 70px;
	border-bottom: #464647 1px solid;
}

header nav {
	margin: 0 auto;
	width: 1000px;
	text-align: center;
	padding-top: 15px
}

header nav ul li {
	line-height: 40px;
	display: inline
}

header nav ul li a {
	color: #E7E7E7;
	display: block;
	padding: 0 20px;
	margin-right: 10px;
	float: left
}

header nav ul li a:hover,
#nav_current {
	color: #fff;
	background: rgba(20, 20, 20, 0.8);
	box-shadow: 0px 1px 0px rgba(255, 255, 255, .1), inset 0px 1px 1px rgba(0, 0, 0, .7);
	border-radius: 6px;
}

#mainbody {
	width: 100%;
	border-top: #000 1px solid;
	clear: both;
	overflow: hidden;
}

.info {
	width: 1000px;
	margin: 40px auto;
	overflow: hidden;
	clear: both
}

.info figure {
	display: inline-block;
	width: 630px;
	height: 250px;
	position: relative;
	
	float: left;
}

.info figcaption {
	padding: 20px;
	position: absolute;
	top: 20%;
	left: 0;
	background: rgba(153, 153, 153, .8);
	color: white;
	opacity: 0;
	
}

.info figure:hover figcaption {
	opacity: 1;
}

.info figcaption strong {
	display: block;
	line-height: 40px
}

.card {
	font-size: 14px;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, .1), inset 0px 1px 1px rgba(0, 0, 0, .7);
	border-radius: 6px;
	background: url(../img/quote-bg.png) no-repeat top right rgba(42, 42, 42, 1);
	width: 350px;
	float: right;
	height: 250px;
	overflow: hidden
}

.card h1 {
	padding: 10px
}

.card p:first-child {
	padding: 40px 0 0 40px
}

.card p {
	padding: 0 0 0 40px;
	line-height: 28px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
	color: #89919a;
	
}



.blogs {
	width: 1000px;
	margin: 0 auto 20px;
}

.bloglist {
	width: 666px;
	float: left;
}

.bloglist>li {
	border-right: #111 2px solid;
	padding: 20px 0;
}

.arrow_box {
	background: #222;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, .1), inset 0px 1px 1px rgba(0, 0, 0, .7);
	width: 630px;
	color: #b9b9b9;
	border-radius: 6px;
	position: relative
}

.ti {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 0 20px 22px;
	border-color: transparent transparent transparent #111;
	position: absolute;
	left: 630px;
	top: 20px;
}

.ci {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	left: 658px;
	top: 16px;
	background: #000;
	border: 2px solid #333;
}

.ci:hover {
	border: 2px solid #B9B9B9;
}

.arrow_box h2.title {
	padding: 0 0 0 20px;
	font: 16px/50px "FangSong_GB2312", "Microsoft YaHei", Arial, Helvetica, sans-serif
}

.arrow_box h2 a:hover {
	padding-left: 20px
}

.textinfo {
	overflow: hidden;
}

.arrow_box img {
	width: 150px;
	padding: 4px;
	float: left;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-ms-transition: All 1s ease;
	-o-transition: All 1s ease;
	border-radius: 4px;
	margin: 0 20px 20px;
}

.arrow_box img:hover {
	opacity: 0.6;
}

.arrow_box p {
	line-height: 24px;
	padding: 0 20px 20px
}

.arrow_box p:hover {
	text-shadow: 1px 1px 1px #000;
}

.details {
	background: rgba(1, 1, 1, 0.3);
	border-radius: 0 0 6px 6px;
	padding: 0 10px
}

.details li {
	line-height: 26px;
	display: inline;
	font-size: 11px;
	margin-right: 10px;
}

.details li a {
	color: #3F3E3C
}

.details li a:hover {
	color: #933
}

.icon-time,
.likes,
.comments {
	background: url(../img/icons.png) no-repeat
}

.icon-time {
	background-position: 0 -208px;
	padding: 0 0 0 18px;
}

.likes,
.comments {
	float: right;
	padding: 0 0 0 14px;
}

.likes {
	background-position: 0 -240px;
}

.comments {
	background-position: 0 -220px;
}

aside {
	width: 310px;
	float: right;
	margin: 20px 0;
}

aside h2,
footer h2 {
	font-size: 16px;
	margin-bottom: 10px;
	text-shadow: #000 1px 1px 1px;
	color: #ccc
}

aside div {
	box-shadow: 0px 1px 0px rgba(255, 255, 255, .1), inset 0px 1px 1px rgba(0, 0, 0, .7);
	border-radius: 6px;
	padding: 15px;
	background: #222;
	margin-bottom: 20px;
	overflow: hidden;
}
.yunxing{
	color: #AB5300;
	font-size: 15px;
}

.tuijian li,
.clicks li {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.tuijian li a:hover {
	padding-left: 10px
}

.tuijian li span:before {
	content: "0";
}

.tuijian li span {
	margin-right: 10px;
	font-size: 14px;
	font-family: "FangSong_GB2312"
}

.tuijian li:nth-child(-n+3) span {
	width: 39px;
	color: #999
}

.tuijian li:nth-child(-n+3) strong {
	font-size: 24px;
	font-weight: normal;
}

.tuijian li:first-child span {
	color: #f8490b;
}

.tuijian li:nth-child(n+3) {
	line-height: 24px
}

.tuijian li:nth-child(4) {
	margin: 5px 0 0 0
}

.toppic li img {
	width: 80px;
	float: left;
	margin-right: 10px;
}

.toppic ul li:nth-child(2) {
	margin: 15px 0;
}

.toppic ul li a {
	display: block;
	width: 100%;
	clear: both;
	overflow: hidden
}

.toppic li p {
	color: #B5783E;
	padding-left: 110px;
	margin-top: 5px;
	background: url(../img/icons.png) no-repeat
}

.toppic li:first-child p {
	background-position: 90px -263px;
}

.toppic li:nth-child(2) p {
	background-position: 90px -283px;
}

.toppic li:last-child p {
	background-position: 90px -301px;
}

.clicks li {
	line-height: 24px;
}


.clicks li span a {
	padding: 0 5px;
	color: #366
}

.clicks li a:hover {
	text-decoration: underline
}

.searchform {
	overflow: hidden;
	padding: 10px;
}

.searchform input {
	background: rgba(0, 0, 0, 0.25);
	border: 1px solid #111;
	width: 220px;
	line-height: 30px;
	color: #b9b9b9;
	padding-left: 30px;
}

.viny dl dd {
	color: #b9b9b9;
	line-height: 24px;
}

.art {
	width: 130px;
	float: left;
	background-size: 120px;
}

.viny .art img {
	width: 90px;
	height: 90px;
	margin-left: 11px
}

.viny dd span {
	width: 12px;
	height: 24px;
	margin-right: 7px;
	float: left;
	display: block;
}

.icon-song span,
.icon-artist span,
.icon-album span,
.icon-like span {
	background: url(../img/icons.png) no-repeat
}

.icon-song span {
	background-position: -33px -344px
}

.icon-artist span {
	background-position: -16px -344px
}

.icon-album span {
	background-position: 0 -344px
}

.icon-like span {
	background-position: -1px -299px;
}

.icon-like a {
	color: #B5783E
}

.icon-like a:hover {
	color: #FFF;
	text-decoration: underline
}

.music audio {
	width: 100%;
	padding-top: 10px
}

.music {
	margin-top: 15px;
}

footer {
	background: #1D1D1D;
	-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

.footer-mid {
	width: 1000px;
	margin: auto;
	padding: 20px 0;
	overflow: hidden
}

.footer-mid li {
	line-height: 26px;
}

.visitors {
	width: 400px;
	float: left
}

.visitors dl {
	display: block;
	overflow: hidden;
	margin-bottom: 12px
}

.visitors dd {
	line-height: 22px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.visitors dd:last-child {
	color: #6A9150;
}

.visitors time {
	color: #066;
	margin-left: 10px
}

.visitors dt {
	float: left;
}

.visitors dt img {
	width: 67px;
	height: 67px;
	margin-right: 10px;
}

.links {
	float: left;
	margin: 0 100px 0 20px;
}

.flickr {
	width: 250px;
	float: right
}

.flickr ul li {
	margin: 0 11px 11px 0;
	float: left;
	background: #000;
}

.flickr ul li img {
	width: 67px;
	height: 67px;
	border: #111 solid 1px;
}

.flickr ul li img:hover {
	opacity: 0.2
}

.footer-bottom {
	background: rgba(0, 0, 0, 0.55);
	overflow: hidden;
}

.footer-bottom p {
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0;
}


#tbox {
	width: 54px;
	float: right;
	position: fixed;
	right: 50px;
	bottom: 15px;
	_position: absolute;
	_bottom: auto;
	_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
	_margin-bottom: 15px;
}


#togbook,
#gotop {
	width: 54px;
	height: 56px;
	display: block;
	background: url(../img/icons.png) no-repeat #111;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, .1), inset 0px 1px 1px rgba(0, 0, 0, .7);
	border-radius: 6px;
}


#togbook {
	margin: 5px 0;
	background-position: 10px -407px;
}

#gotop {
	background-position: 12px -365px;
}

#togbook:hover,
#gotop:hover {
	opacity: 0.5
}